.item{
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 3rem;
    padding: 2rem 3rem;

    // &:nth-child(2){
    //     .header{
    //         justify-content: flex-start;
    //     }
    // }

    .header-count{
        color: red;
    }

    .swiper-warp{
        overflow: hidden;
    }

    .header{
        display: flex;
        justify-content: center;
        height: 4rem;
        .title{
            padding: 0 .5rem;
            padding-bottom: .5rem;
            font-size: 2.5rem;
            font-weight: bold;
            border-bottom: .5rem solid #6a9ad0;
        }
    }

    ul{
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            height: 5rem;
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            margin: 0;
            padding: 0;
            padding-bottom: .5rem;
            border-bottom: .5rem solid #d0cece;
            .text{
                font-size: 2rem;
            }
        }
    }

    .swiper-wrapper{
        width: 100%;
        height: 100%;

        /deep/ .swiper-container{
            width: 100%;
            margin: 0 !important;
        }

        .swiper-info{
            min-height: 5rem;
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            margin: 0;
            padding: 0;
            padding-bottom: .5rem;
            border-bottom: .5rem solid #d0cece;
            .text{
                font-size: 2rem;
            }
        }

        .swiper-info-approver{
            // min-height: 5rem;
            list-style: none;
            display: grid;
            grid-template-columns: 2fr 5fr;
            // grid-template-columns: 1fr 1fr;
            margin: 0;
            padding: 0;
            padding-bottom: .5rem;
            border-bottom: .5rem solid #d0cece;
            .text{
                font-size: 2rem;
            }
        }
    }

    &:nth-child(2){
        .swiper-wrapper {
            .swiper-info{
                justify-content: flex-start;
            }
        }
    }
}